@media screen and (min-width: 595px) {
  .subtitleText {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .navigationLink,
  .shifterText,
  .subtitleText {
    font-family: "Fira Sans", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: white;
  }

  .navigationLink:hover,
  .shifterText:hover {
    text-decoration: none;
    color: #cccccc;
  }

  .menuButton {
    border-bottom: 3px solid white;
  }

  #navigationButton {
    padding: 0px;
    border: 0px;
    float: right;
  }

  #navigationBar {
    padding-top: 50px;
  }

  .sectionTitle-white {
    font-family: "Fira Sans", sans-serif;
    font-size: 72px;
    font-weight: 700;
    color: white;
  }

  .sectionDescription-white {
    font-family: "Fira Sans", sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: white;
  }

  #coverSummary {
    max-width: 768px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #coverSection {
    background-image: url("../assets/coverBackground-education.png");
    background-size: cover;
    background-position: bottom;
  }

  .shifterButton {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
  }

  #shifterSection {
    background-color: #3ca700;
    position: sticky;
    top: 0px;
  }

  .sectionTitle-black {
    font-family: "Fira Sans", sans-serif;
    font-size: 72px;
    font-weight: 700;
    color: black;
  }

  .sectionDescription-black {
    font-family: "Fira Sans", sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: black;
  }

  .sectionContent-sub {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #problemSubsection {
    background-color: black;
  }

  #conceptsSubsection {
    background-color: #dddddd;
  }

  .solutionOption {
    margin: 12.5px;
  }

  #solutionOptions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  #solutionSubsection {
    background-color: #005dba;
  }

  #prosSubsection {
    background-color: #3ca700;
  }

  #consSubsection {
    background-color: #464646;
  }

  .sectionContent-main {
    padding-top: 50px;
  }

  .mainSection {
    background-color: #eeeeee;
  }

  .copyrightMark {
    font-family: "Fira Sans", sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: black;
    text-align: center;
  }

  #copyrightSection {
    background-color: #eeeeee;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 240px) and (max-width: 594px) {
  .subtitleText {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .navigationLink {
    font-family: "Fira Sans", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: white;
  }

  .navigationLink:hover,
  .shifterText:hover {
    text-decoration: none;
    color: #cccccc;
  }

  .menuButton {
    border-bottom: 3px solid white;
  }

  .navigationImage {
    height: 23px;
  }

  #navigationButton {
    padding: 0px;
    border: 0px;
    float: right;
  }

  #navigationBar {
    padding-top: 25px;
  }

  .sectionTitle-white {
    font-family: "Fira Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: white;
  }

  .sectionDescription-white {
    font-family: "Fira Sans", sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: white;
  }

  #coverSummary {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  #coverSection {
    background-image: url("../assets/coverBackground-education.png");
    background-size: cover;
    background-position: bottom;
  }

  .shifterText,
  .subtitleText {
    font-family: "Fira Sans", sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: white;
  }

  .shifterButton {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  #shifterSection {
    background-color: #3ca700;
    position: sticky;
    top: 0px;
  }

  .sectionTitle-black {
    font-family: "Fira Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: black;
  }

  .sectionDescription-black {
    font-family: "Fira Sans", sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: black;
  }

  .sectionContent-sub {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  #problemSubsection {
    background-color: black;
  }

  #conceptsSubsection {
    background-color: #dddddd;
  }

  .solutionOption {
    margin: 12.5px;
  }

  #solutionOptions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  #solutionSubsection {
    background-color: #005dba;
  }

  #prosSubsection {
    background-color: #3ca700;
  }

  #consSubsection {
    background-color: #464646;
  }

  .sectionContent-main {
    padding-top: 25px;
  }

  .mainSection {
    background-color: #eeeeee;
  }

  .copyrightMark {
    font-family: "Fira Sans", sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: black;
    text-align: center;
  }

  #copyrightSection {
    background-color: #eeeeee;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}